.wrap {
	font-size: 28rpx;height: 100%;
	.content {
		width: 600rpx;box-sizing: border-box;margin: auto;padding-top:100rpx;
		.title {
			text-align: left;
			font-size: 50rpx;
			font-weight: 500;
			margin-bottom: 100rpx;
		}
		.input-title{
			margin: 12rpx 0;
		}
		.lz-column{display: flex;
			.u-border-bottom{
				flex: 1;
			}
		}
		.input-line{
			display: flex;
			.u-border-bottom{
				flex: 1;
			}
			.image{
				width: 80px;height: 40px;position: relative;top: -28rpx;
			}
		}
		input {
			text-align: left;
			font-size: 14px;
			margin-bottom: 12rpx;
			padding-bottom: 14rpx;
			border-bottom: 1px solid #f0f0f0;
		}
		.tips {
			color: $u-type-info;
			margin-top: 10rpx;
		}
		.getCaptcha {
			margin-top: 60rpx;
			&::after {
				border: none;
			}
		}
		.alternative {
			color: $u-tips-color;
			display: flex;
			justify-content: space-between;
			margin-top: 30rpx;
		}
	}
	.buttom {
		.loginType {
			display: flex;
			padding: 200rpx 150rpx 150rpx 150rpx;
			justify-content:space-between;
			box-sizing: border-box;
			.item {
				display: flex;
				flex-direction: column;
				align-items: center;
				color: $u-content-color;
				font-size: 28rpx;
			}
		}
		
		.hint {
			text-align: center;
			margin-top: 40rpx;
			padding: 20rpx 40rpx;
			font-size: 20rpx;
			color: $u-tips-color;
			
			.link {
				color: $u-type-warning;
			}
		}
	}
}